<template>
  <div>
            <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
                <el-menu :router="true">
                  <!--  -->
                  <el-menu-item index="1" @click='KingDe'>
                    <template slot="title" ><i class="el-icon-price-tag"></i>  帝可得 </template>
                  </el-menu-item>
                  <el-submenu index="2">
                    <template slot="title"><i class="el-icon-tickets"></i>工单管理</template>
                        <el-menu-item index="2-1" @click="business">运营工单</el-menu-item>
                        <el-menu-item index="2-2" @click="operation">运维工单</el-menu-item>
                  </el-submenu>
                  <el-submenu index="3">
                    <template slot="title"><i class="el-icon-map-location"></i>点位管理</template>

                        <el-menu-item index="3-1">区域管理</el-menu-item>
                        <el-menu-item index="3-2">点位管理</el-menu-item>
                        <el-menu-item index="3-3">合作商管理</el-menu-item>
                  </el-submenu>
                   <el-submenu index="4">
                    <template slot="title"><i class="el-icon-mobile-phone"></i>设备管理</template>

                       <el-menu-item index="4-1">设备管理</el-menu-item>
                       <el-menu-item index="4-2">设备状态</el-menu-item>
                       <el-menu-item index="4-3">设备类型管理</el-menu-item>
                  </el-submenu>
                  <el-submenu index="5">
                    <template slot="title"><i class="el-icon-user"></i>人员管理</template>

                        <el-menu-item  index="5-1">人员列表</el-menu-item >
                        <el-menu-item  index="5-2">人效统计</el-menu-item >
                        <el-menu-item  index="5-3">工作量列表</el-menu-item >

                  </el-submenu>
                  <el-submenu index="6">
                    <template slot="title"><i class="el-icon-goods"></i>商品管理</template>
                        <el-menu-item  index="6-1">商品类型</el-menu-item >
                        <el-menu-item index="6-2">商品管理</el-menu-item >
                  </el-submenu>
                  <el-menu-item  index="7">
                    <template slot="title"><i class="el-icon-magic-stick"></i>策略管理</template>
                  </el-menu-item>
                    <el-menu-item index='/order'>
                    <template slot="title"><i class="el-icon-document" ></i>订单管理</template>
                   </el-menu-item>
                    <el-menu-item  index="9">
                    <template slot="title"><i class="el-icon-s-order"></i>对账统计</template>
                  </el-menu-item>
                </el-menu>
              </el-aside>
  </div>
</template>

<script>
// import router from '@/router'
export default {
  name: 'DikticDkdLeftSidebar',

  data () {
    return {

    }
  },

  mounted () {

  },

  methods: {
    // 帝可得
    KingDe () {
      // console.log('帝可得')
      this.$router.push('/home')
    },
    // 工单管理
    business () {
      this.$router.push('/task/business')
    },
    operation () {
      this.$router.push('/task/operation')
    }
  }
}
</script>

<style lang="scss" scoped>
  .el-header {
    background-color: #B3C0D1;
    color: #333;
    line-height: 60px;
  }

  .el-aside {
    color: #333;
  }
  ::v-deep .el-menu-item-group__title{
     height: 50px;
    //  text-align:left;
     margin: 0;
     line-height: 50px;
     width: 100px;
  }
//  ::v-deep .el-submenu .el-menu-item {
//     height: 50px;
//     color: #ff0000;
//     line-height: 50px;
//     padding: 0 45px;
//     min-width: 200px;
// }
</style>
